(function(){
  //发送ajax请求
  ajax({
    url:"http://localhost:3000/lbt",//user是服务器中挂载""中的路径名称
    type:"get",
    //data:,
    dataType:"json" //自动JSON.parse()
  })//return Promise
    //  onreadystatechange中: 
    //           result <- 收到服务端的
    //  然后把result放入
    //              ↓
    //      open(result)
    //              ↓
  .then(function(result){
    console.log(result);
    var table=document.createElement("table");

    //var thead=document.createElement("thead");
    //table.appendChild("thead")
    var thead=table.createTHead();

    //var tr=document.createElement("tr");
    //thead.appendChild(tr);
    var tr=thead.insertRow();

      for(var key in result[0]){
       // var th=document.createElement("th") 
        //th.innerHTML=key;
        //thead.appendChild(th)
        tr.insertCell().innerHTML=key;
      }
      tr.insertCell().innerHTML="操作"
      tr.insertCell().innerHTML="操作"
    console.log(thead);

      var tbody=table.createTBody();
      for(var emp of result){
        //var tr=document.createElement("tr");
        //tbody.appendChild(tr);
        var tr=tbody.insertRow();
        for(var key in emp){
          // var td=document.createElement("td");
          // tr.appendChild(td);
          // td.innerHTML=emp[key];//当前属性的值
          tr.insertCell().innerHTML=emp[key]
        }
        var upDate=document.createElement("button");
        upDate.value="修改"
        var Del=document.createElement("button");
        Del.value="删除"
        tr.insertCell().innerHTML=`<a href="javascript:;">修改</a>`;
        tr.insertCell().innerHTML=`<a href="javascript:;">删除</a>`;
      }
    console.log(table);
    var product=document.getElementById("lbt");
    product.appendChild(table);
  })
})();


var add=document.getElementsByClassName("content")[0].children[1].children[0].children[1];
//console.log(add);  add为右上角添加按钮
add.onclick=function(){
  var more=document.getElementsByClassName("more")[0];
  //console.log(more);
  more.style.display="block";
}
var x=document.getElementsByClassName("more")[0].children[1];
x.onclick=function(){
  this.parentNode.style.display="none";
}


//找到添加的a标签
var addbtn=document.getElementsByClassName("more")[0].children[0].lastElementChild;
console.log(addbtn)

//当添加的内容没有空白的时候发送ajax请求
addbtn.onclick=function(){
  var Describe=document.getElementById("lbtDescribe").value;
  var Path=document.getElementById("lbtPath").value;
  if(Describe==""||Path==""){
    alert("小主，内容不能为空哦");
    return;
  } 
  else{
    var formdata="lbtDescribe="+Describe+"&lbtPath="+Path;
    console.log(formdata);
    ajax({
      url:"http://localhost:3000/lbt/add",//user是服务器中挂载""中的路径名称
      type:"post",
      data:formdata,
      dataType:"json" //自动JSON.parse()
    })//return Promise             ↓
    .then(function(result){
      if(result=="200"){
        alert("添加成功")
      }
    })
  }
}


//修改内容
//修改内容可以关闭
var Y=document.getElementsByClassName("updateAll")[0].children[1];
Y.onclick=function(){
  this.parentNode.style.display="none";
}


var UP=document.getElementById("lbt");
var updateAll=document.getElementById("updateAll");
var lbtid=document.getElementById("lbtid")
UP.onclick=function(e){
  var elem=e.target
  if(elem.nodeName=="A"&&elem.innerHTML=="修改"){//修改按钮，显示输入框
    updateAll.style.display="block";
    lbtid.value=elem.parentNode.parentNode.children[0].innerHTML
  }else if(elem.nodeName=="A"&&elem.innerHTML=="删除"){
    lbtid.value=elem.parentNode.parentNode.children[0].innerHTML;//给lbtid传值
    console.log(lbtid.value)
    var con=confirm("确定要删除这条信息吗？")//只有当确认要修改之后才会执行ajax语句;
    if(con==true){
      ajax({
        url:"http://localhost:3000/lbt/del?lbtid="+lbtid.value,//user是服务器中挂载""中的路径名称路
        type:"get",
        //data:formdata,
        dataType:"json" //自动JSON.parse()
      })
      .then(function(result){
        if(result=="200"){
          alert("修改成功！！！")
        }
        window.location.reload();
      })
    }
    
  }
}
var sure=updateAll.children[0].lastElementChild;
//console.log(sure);

sure.onclick=function(){
  var uplbtid=lbtid.value;
  //console.log(uplbtid);
  var uplbtDescribe=document.getElementById("uplbtDescribe").value;
  var uplbtPath=document.getElementById("uplbtPath").value;
  if(uplbtPath==""||uplbtDescribe==""||uplbtid==""){
    alert("小主，内容不能为空哦");
    return;
  }else{
    var formdata="uplbtPath="+uplbtPath+"&uplbtDescribe="+uplbtDescribe+"&uplbtid="+uplbtid;
    console.log(formdata);
    confirm("确定要修改"+uplbtDescribe+"的信息吗？")
    ajax({
      url:"http://localhost:3000/lbt/update",//user是服务器中挂载""中的路径名称路
      type:"post",
      data:formdata,
      dataType:"json" //自动JSON.parse()
    })
    .then(function(result){
      if(result=="200"){
        alert("修改成功！！！")
      }
      window.location.reload();
    })
  } 
}
